@charset "UTF-8";
body{
  overflow: hidden!important;
}
.seedReport{
  width: 100%;
  overflow: hidden!important;
  background: url("../../static/images/livebg2.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  .contain{
    width: 90%;
    margin: 10% auto;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    .intro-head{
      text-align: center;
      margin: 0.2rem 0;
      p{
        em{
          display: inline-block;
          width: 2.1rem;
          height: 1px;
          background-color: #97adfc;
          margin-bottom: 0.1rem;
        }
        .liveicon01{
          margin: 0 0.1rem;
        }
      }
      .name{
        margin-top: 0.2rem;
      }
    }
    .head{
      width: 5.2rem;
      height: 1.9rem;
      position: absolute;
      top: -0.7rem;
      left: 0.8rem;
      img{
        display: inline-block;
        width: 100%;
        height: 100%;
      }
    }
    .heads{
      margin-top:0.4rem;
    }
    .top{
      width: 4.54rem;
      height: 1.3rem;
      background: url("../../static/images/liveicon08.png") no-repeat;
      background-size: 100% 100%;
      margin: auto;
      position: relative;
      top: 1rem;
      .avatar{
        width: 1rem;
        height: 1rem;
        position: absolute;
        left: 0.12rem;
        top: 0.14rem;
        img{
          display: inline-block;
          width: 100%;
          height: 100%;
          border-radius: 1rem;
        }
      }
      .name{
        position: absolute;
        left: 1.5rem;
        top: 0.14rem;
        span,em{
          display: inline-block;
          color: #3c3c3c;
        }
        em{
          max-width: 1.75rem;
          font-size: 0.26rem;
          margin: 0 0.13rem;
        }
        span{
          width: 0.22rem;
          height: 1px;
          background-color: #3c3c3c;
          margin-bottom: 0.08rem;
        }
      }
    }
    .worker{
      width: 4.76rem;
      text-align: center;
      margin-top: 0.38rem;
      padding-top: 0.38rem;
      dl{
        width: 4.15rem;
        margin: auto;
        text-align: center;
        dt{
          width: 2.7rem;
          height: 1.65rem;
          text-align: center;
          background: url("../../static/images/avatar-bg.png") no-repeat;
          background-size: 100% 100%;
          div{
            width: 2.45rem;
            height: 1.4rem;
            border: #9db2fc 1px solid;
            position: relative;
            top: 0.1rem;
            img{
              display: inline-block;
              width: 100%;
              height: 100%;
            }
          }
        }
        .writer{
          margin: 0.2rem 0 0.1rem;
        }
        .suoshu{
          text-align: left;
          margin-top: 0.3rem;
          color: #ffaba2;
          font-size: 0.24rem;
        }
        dd{
          color: #2f3033;
          font-size: 0.26rem;
        }
      }
    }
    .code{
      width: 4.76rem;
      margin-top: 0.3rem;
      dl{
        text-align: center;
        dt{
          width: 1.4rem;
          height: 1.4rem;
          margin-bottom: 0.15rem;
          img{
            display: inline-block;
            width: 100%;
            height: 100%;
          }
        }
        dd{
          font-size: 0.2rem;
        }
        .touchtxt{
          margin-top: 0.3rem;
          padding-bottom: 0.4rem;
          text-align: center;
        }
      }
    }
    .jiao01{
      position: absolute;
      left: -0.24rem;
      top: -0.24rem;
    }
    .jiao02{
      position: absolute;
      right: -0.24rem;
      top: -0.24rem;
    }
    .jiao03{
      position: absolute;
      right: -0.24rem;
      bottom: -0.24rem;
    }
    .jiao04{
      position: absolute;
      left: -0.24rem;
      bottom: -0.24rem;
    }
  }
  .bgicon{
    position: absolute;
    right: 0;
    top: 45%;
  }
  .bgicon2{
    position: absolute;
    left: 0;
    bottom: 30%;
  }
}
